<template>
  <div class="my-foot">
    <van-tabbar class="foot" v-model="active">
      <van-tabbar-item
        name="index"
        :icon="require(`../assets/bottom/sy${active == 'index' ? 0 : 1}.jpg`)" to="/">
        首页
        </van-tabbar-item>

      <van-tabbar-item
        name="zxgs"
        :icon="require(`../assets/bottom/zxgs${active == 'zxgs' ? 0 : 1}.jpg`)" to="/company">
        装修公司
        </van-tabbar-item>
      
      <van-tabbar-item
        name="xx"
        :icon="require(`../assets/bottom/xx${active == 'xx' ? 0 : 1}.jpg`)" to="/message">
        消息
      </van-tabbar-item>
      <van-tabbar-item
        name="wd"
        :icon="require(`../assets/bottom/wd${active == 'wd' ? 0 : 1}.jpg`)" to="/wode">
        我的
        </van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selected: "0",
      active: "index",
    };
  },
  methods:{
  },
};
</script>

<style lang="scss" scoped>
.my-foot {
  width: 100%;
  background-color: #ffffff;
  .foot {
    position: fixed;
    bottom: 0;
  }
}
</style>
